<template>
    <vue-tinymce  :setting="setting" :content="content" @change="change"/>
</template>

<script>
export default {
    data(){
        
        return{
           // describe: this.content,
            setting: {
                branding: false,
                plugins: "link image media table lists fullscreen quickbars codesample code",
                language: 'zh_CN', //本地化设置
                // elementpath: false,
                menubar: 'tools table view',
                menu: {
                    tools: {title: '工具', items: 'copy paste codesample' },
                    view: {title: '查看', items: 'visualaid'},
                    table: {title: '表格', items: 'inserttable tableprops deletetable | cell row column'},
                },
                codesample_languages:[
                    {text: 'HTML/XML', value: 'markup'},
                    {text: 'JavaScript', value: 'javascript'},
                    {text: 'CSS', value: 'css'},
                    {text: 'JAVA', value: 'java'},
                ],
                height: 350,
            }
        }
    },
    created(){
        
    },
    props:{
        content: String
    },
    watch:{
        
    },
    methods:{
        change(val){
            this.$emit("update:content" ,val )
        }
    }
    
}
</script>

<style>
</style>